<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Name       : Condition
Description: A two-column, fixed-width design for 1024x768 screen resolutions.
Version    : 1.0
Released   : 20100103
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Hardware Performance</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link type="text/css" rel="stylesheet" media="screen" href="/static/style-css.css" />
<link type="text/css" rel="stylesheet" media="screen" href="/static/buttons-css.css" />
<script type="text/javascript" src="/static/jquery.js"></script>
<script type="text/javascript" src="/static/funciones.js"></script>
</head>
    <body onLoad="main()" style="height: 100%;">
<div id="wrapper">
	<div id="logo">
            <table border="0" width="100%" style="height: 100%">
                <tr>
                    <td width="70%">
                        <div style="margin-top: -30px;">
                            <h1>Hardware Performance&reg;</h1>
                            <p style="font-size: 15px;color: #FFFFFF;"><em>Centro de Servicio en Computaci&oacute;n e Internet</em></p>
                        </div>
                    </td>
                    <td align="right">
                        <div id="div_showLogin">
                            <table border="0">
                                <tr>
                                    <td rowspan="2">
                                        <div id="div_loginMnsj">
                                        {% if errorU %}
                                        <p class="mensajelog">Usuario no v&aacute;lido</p>
                                        {% endif %}
                                        {% if errorC %}
                                        <p class="mensajelog">Contrase&ntilde;a no v&aacute;lida</p>
                                        {% endif %}
                                        {% if errorInactivo %}
                                        <p class="mensajelog">{{usuario}}: no tienes acceso al sistema</p>
                                        {% endif %}
                                        {% if errorCx %}
                                        <p class="mensajelog">Error de conexi&oacute;n</p>
                                        {% endif %}
                                        </div>
                                    </td>
                                    <td align="center"><input type="button" class="btn_showLogin"/></td>
                                </tr>
                                <tr>
                                    <td align="center" style="color: white; cursor: pointer;font-size: 15px; font-style: italic;font-weight: 700;">
                                        Entrar
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div id="div_formaLogin">
                            <form action="/valida/" method="POST" >{% csrf_token %}
                                <table border="0">
                                <tr>
                                    <td align="right" colspan="3"><input type="button" class="btn_cerrar" id="btn_closeLogin" align="right" />
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" style="color: white; font-size: 13px;">
                                        Usuario:
                                    </td>
                                    <td><input type="text" name="usuario" size="15" 
                                               style="font-size: 14px; font-family: Arial"
                                               /></td>
                                </tr>
                                <tr>
                                    <td align="right" style="color: white; font-size: 14px;">
                                        Contrase&ntilde;a:
                                    </td>
                                    <td><input type="password" name="contrasena" size="15" 
                                               style="font-size: 14px; font-family: Arial"
                                               /></td>
                                    <td rowspan="1"><input type="submit" value="" class="btn_login"/></td>
                                </tr>
                            </table>
                            </form>
                        </div>
                    </td>
                </tr>
            </table>
	</div>
	<hr />
	<!-- end #logo -->
	<div id="header">
		<div id="menu">
		</div>
		<!-- end #menu -->
		<div id="search">
			<p id="fecha1"></p>
		</div>
		<!-- end #search -->
	</div>
	<!-- end #header -->
	<!-- end #header-wrapper -->
	<div id="page">
	<div id="page-bgtop">
		<div id="content">
			<div class="post">
                            <h2 class="title"><a href="#">Bienvenido!</a></h2>
                            <p class="meta"></p>
                            <div class="entry">
                                <p> 
                                    <img alt="" src="/static/images/content/forma1.jpg" class="left" align="middle" width="100" height="100" />
                                    Nosotros somos <strong>Hardware Performance</strong>&reg;, una microempresa dedicada a la venta y reparaci&oacute;n de equipo de c&oacute;mputo
                                    Ofrecemos diferente tipo de hardware y servicios para tu computadora. Ac&eacute;rcate a nosotros                                    
                                </p>
                                <p>&nbsp;</p>
                                <p>&nbsp;</p>
                                <p>&nbsp;</p>
                            </div>
			</div>
		</div>
		<!-- end #content -->
		<div id="sidebar">
			<ul>
                            <li>
                                <h2>Avisos Importantes</h2>
                                <ul>
                                    <li><a href="#">Pol&iacute;ticas</a></li>
                                    <li><a href="#">Contacto</a></li>
                                    <li><a href="#">Ubicaci&oacute;n</a></li>
                                    <li><a href="#">Promociones</a></li>
                                </ul>
                            </li>
                            <li>
                                <h2>&nbsp;</h2>
                                <p>&nbsp;</p>
                            </li>
			</ul>
		</div>
		<!-- end #sidebar -->
		<div style="clear: both;">&nbsp;</div>
	</div>
	</div>
	<!-- end #page -->
	<div id="footer-bgcontent">
	<div id="footer">
		<p>Copyright (c) 2011 hard-performance.com. All rights reserved. Elaborado por <a href="#">Amigos F.C.</a></p>
	</div>
	</div>
	<!-- end #footer -->
</div>
</body>
</html>
